<template>
  <div class="box">
    <el-scrollbar height="100%" class="box1">
      <AttributeList></AttributeList>
    </el-scrollbar>
  </div>
</template>

<script setup lang="ts">
import { ref, reactive, toRefs } from 'vue'
import type { PropType } from 'vue'
import AttributeList from './components/attribute-list.vue'
import AttributeAdd from './components/attribute-add.vue'

/**
 * 用户信息类型
 */
interface A {
  name: string
}

const emit = defineEmits([''])
const props = defineProps({
  /**
   * 是否显示
   */
  isShow: {
    type: Boolean,
    default: false,
  },
  /**
   * 用户信息
   */
  userInfo: {
    type: Object as PropType<A>,
    default: () => {
      return {}
    },
  },
})

const { isShow, userInfo } = toRefs(props)
</script>
<style lang="scss" scoped>
.box1 {
  width: 100%;
  background-color: var(--el-bg-color);
  box-sizing: border-box;
  padding: 10px;
  border-radius: 5px;
}
.box {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 5px;
}
</style>
